<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分页模糊查询</title>
    <link rel="stylesheet" href="../css/Student_Paging_Fuzzy_Search.css">
    <script src="../js/Student_Paging_Fuzzy_Search.js"></script>
</head>
<body>
    <div class="box">
        <div class="search">
            <span>姓名</span>
            <input type="text" id="studentName">
            <span>性别</span>
            <input type="radio" name="sex" id="" value="M">男
            <input type="radio" name="sex" id="" value="F">女
            <input type="radio" name="sex" id="" value="" checked>全部
            <button id="search_btn">查询</button>
        </div>
        <table>
            <thead>
                <th>学号</th>
                <th>姓名</th>
                <th>性别</th>
                <th>出生日期</th>
                <th>操作</th>
            </thead>
            <tbody id="tbody">

            </tbody>
            <tfoot>
                <tr>
                    <td colspan="5">
                        <button id="one">首页</button>
                        <button id="up">上一页</button>
                        <span id="pageIndex"></span>
                        <span>/</span>
                        <span id="pageAll"></span>
                        <button id="next">下一页</button>
                        <button id="end">尾页</button>
                    </td>
                </tr>
            </tfoot>
        </table>
    </div>
</body>
</html>